<template>
	<view class="i-noticeTag" :style="{
		width: size + 'rpx',
		height: size + 'rpx',
		borderRadius: size + 'rpx',
		top,
		right,
	}">
		{{num}}
	</view>
</template>

<script lang="ts" setup>
	defineProps({
		num: {
			type: [String, Number],
			default: 0
		},
		top: {
			type: [String, Number],
			default: 0
		},
		right: {
			type: [String, Number],
			default: 0
		},
		size: {
			type: [String, Number],
			default: 30
		}
	})
</script>

<style lang="scss" scoped>
	.i-noticeTag {
		position: absolute;
		background-color: red;
		@include dfont(18rpx);
		@include flexRC;
		color: #fff;
	}
</style>
